﻿{% extends 'base.html' %}

{% block body %}

    <!--============= Banner Section Starts Here =============-->
    <section class="banner-2 bg_img" data-background="../static/assets/images/banner/banner-5.jpg">
        <div class="container">
            <div class="banner-content-2">
                <h1 class="title cl-white">{{ the_title }}</h1>
            </div>
        </div>
    </section>
    <!--============= Banner Section Ends Here =============-->

    <!--============= Billing Section Starts Here =============-->
    <div class="billing-section padding-bottom mt--83">
        <div class="container">
            <div class="row justify-content-center mb-30-none">
                <div class="col-12">
                    <div class="bill-item">
                        <div class="bill-thumb">
                            <img src="../static/assets/images/bill/bill2.png" alt="bill">
                        </div>
                        <div class="bill-content">
                            <h3 class="title"><a href={{ url_for ('number_intro') }}>猜数字小游戏</a></h3>
                            <p>利用条件语句和random模块，在python中制作猜数字的小游戏！</p>
                        </div>
                    </div>
                </div>
                <div class="col-12">
                    <div class="bill-item">
                        <div class="bill-thumb">
                            <img src="../static/assets/images/bill/bill1.png" alt="bill">
                        </div>
                        <div class="bill-content">
                            <h3 class="title"><a href={{ url_for ('walk_intro') }}>高德API步行路径规划</a></h3>
                            <p>调用API功能，让你在写python程序时更加轻松！</p>
                        </div>
                    </div>
                </div>
                <div class="col-12">
                    <div class="bill-item">
                        <div class="bill-thumb">
                            <img src="../static/assets/images/bill/bill3.png" alt="bill">
                        </div>
                        <div class="bill-content">
                            <h3 class="title"><a href={{ url_for ('weather_intro') }}>高德API天气查询</a></h3>
                            <p> 来看看今天会不会下雪吧！！</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--============= Billing Section Ends Here =============-->

{% endblock %}